<template>
<!--查看学生信息-->
  <div class="components_table_details">
      <el-dialog width="1000px" title="用户信息"  :visible.sync="state" :show-close="true" :close-on-click-modal="false" class="maxheight">
        <table class="el-table el-table--fit el-table--striped el-table--border el-table--enable-row-transition ">
          <tbody class="el-table__body">
            <tr>
              <td width="120px" class="is-required"><label>姓名：</label></td>
              <td width="300px">{{userForm.name}}</td>
              <td width="120px"><label>性别：</label></td>
              <td width="300px">{{userForm.sex}}</td>
              <td width="120px" class="is-required"><label>所属机构：</label></td>
              <td width="300px">{{userForm.managermentCenter}}</td>
            </tr>
            <tr>
              <td><label>专业组：</label></td>
              <td>{{userForm.professionGroup}}</td>
              <td><label>民族：</label></td>
              <td>{{userForm.nation}}</td>
              <td><label>政治面貌：</label></td>
              <td>{{userForm.politicalStatus}}</td>
            </tr>
            <tr>
              <td><label>生日：</label></td>
              <td>{{userForm.birthdate}}</td>
              <td class="is-required"><label>身份证：</label></td>
              <td>{{userForm.idcard}}</td>
              <td class="is-required"><label>邮箱：</label></td>
              <td>{{userForm.email}}</td>
            </tr>
            <tr>
              <td ><label>电话：</label></td>
              <td>{{userForm.mobile}}</td>
              <td ><label>最高学历：</label></td>
              <td>{{userForm.educational}}</td>
              <td><label>学位：</label></td>
              <td>{{userForm.degree}}</td>
            </tr>
            <tr>
              <td ><label>毕业学校：</label></td>
              <td>{{userForm.graduationSchool}}</td>
              <td ><label>所学专业：</label></td>
              <td>{{userForm.profession}}</td>
              <td ><label>状态：</label></td>
              <td>{{userForm.state}}</td>
            </tr>
             <tr>
              <td ><label>入职时间：</label></td>
              <td colspan="5">{{userForm.workTime}}</td>
            </tr>
          </tbody>
        </table>
        <div slot="footer" class="dialog-footer">
              <el-button @click="state = false"  size="mini">关 闭</el-button>
          </div>
      </el-dialog>
      <!-- 内容区域  结束 -->
      </div>

</template>

<script>
import {
  officesTreeUrl,
  getUserUrl,
  officesUserIdUrl,
  officesIdUserUrl,
  officesIdUrl,
  usersUrl,
  userInsertUrl,
  dictsTypesSubListUrl,
  usersHandleUrl
} from "../../../axios/api.js";
import vbootstrapStyle from "../../../../static/css/bootstrapStyle.css";
import vZtreeCore from "../../../../static/js/jquery.ztree.core.js";
import vZtreeExcheck from "../../../../static/js/jquery.ztree.excheck.js";
export default {
  data() {
    return {
        state:false,
        managermentCenterName : '',
        userForm: {
            birthdate : '',
            degree : '',
            educational : '',
            email : '',
            graduationDate : '',
            graduationSchool : '',
            managermentCenter : '',
            name : '',
            nation : '',
            idcard :'',
            mobile :'',
            politicalStatus : '',
            profession : '',
            professionGroup : '',
            sex : 0,
            state : 0,
            workTime : ''
      }
    };
  },
  mounted() {},
  methods: {
    showDialog(val){
      this.state = true;
      this.userForm =  _.cloneDeep(val);
      this.userForm.sex = (this.userForm.sex == 1 ? '男': this.userForm.sex == 2 ? '女': '未知');
      this.userForm.state = (this.userForm.state == 1 ? '在职': this.userForm.state == 2 ? '离职': '未知');
    }
  },
  components: {}
};
</script>
<style scoped>

</style>